home *** CD-ROM | disk | FTP | other *** search
/ 207.233.110.77 / 207.233.110.77.tar / 207.233.110.77 / web13 / tutorial 05 / rounded.css < prev    next >
Cascading Style Sheet File  |  2011-02-22  |  2KB  |  55 lines
  1. /*
  2.    New Perspectives on HTML and XHTML 5th Edition
  3.    Tutorial 5
  4.    Tutorial Case
  5.  
  6.    Style Sheet to create rounded boxes
  7.    Author: Leah Grullon
  8.    Date:   Feb.22,2011
  9.  
  10.    Filename:         rounded.css
  11.    Supporting Files: bottom.png, bottomleft.png, bottomright.png, left.png,
  12.                      right.png, top.png, topleft.png, topright.png
  13.  
  14. */
  15.  
  16. table.roundedBox    {margin: 5px; border-collapse: collapse}
  17. table.roundedBox    {padding: 0px}
  18.  
  19. table.roundedBox td.topLeft     {width: 16px; height: 16px}
  20. table.roundedBox td.topRight    {width: 16px; height: 16px}
  21. table.roundedBox td.bottomLeft  {width: 16px; height: 16px}
  22. table.roundedBox td.bottomRight {width: 16px; height: 16px}
  23.  
  24. table.roundedBox td.top         {width: auto; height: 16px}
  25. table.roundedBox td.bottom      {width: auto; height: 16px}
  26.  
  27. table.roundedBox td.left        {width: 16px; height: auto}
  28. table.roundedBox td.right       {width: 16px; height: auto}
  29.  
  30.  
  31. .topLeft     {background: url(topleft.png) no-repeat top left}
  32. .topRight    {background: url(topright.png) no-repeat top right}
  33. .bottomLeft  {background: url(bottomleft.png) no-repeat bottom left}
  34. .bottomRight {background: url(bottomright.png) no-repeat bottom right}
  35.  
  36. .top         {background: url(top.png) repeat-x top}
  37. .bottom      {background: url(bottom.png) repeat-x bottom}
  38.  
  39. .left        {background: url(left.png) repeat-y left} 
  40. .right       {background: url(right.png) repeat-y right} 
  41.  
  42.  
  43. div.roundedBox {margin: 5px; position: relative}
  44. div.boxContent {padding: 16px} 
  45.  
  46.  
  47.  
  48.  
  49.  
  50.  
  51.  
  52.  
  53.  
  54.  
  55.